<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>三维管网地理信息系统</title>
    <link href="/static/maps/layui/css/layui.css" media="all" rel="stylesheet">
    <link href="/static/maps/Cesium/Widgets/widgets.css" rel="stylesheet">
    <link href="/static/maps/css/pretty.css" rel="stylesheet">
    <link href="/static/maps/css/styles.css" rel="stylesheet">
    <link href="/static/maps/images/favorite.ico" rel="icon" type="image/x-icon"/>

    <script type="text/javascript" src="/static/maps/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/maps/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/maps/Cesium/Cesium.js"></script>

    <script type="text/javascript" src="/static/maps/js/leaflet.js"></script>
    <script type="text/javascript" src="/static/maps/js/iclient-leaflet.js"></script>

    <script type="text/javascript" src="/static/maps/js/echarts.min.js"></script>
    <script type="text/javascript" src="/static/maps/js/turf.min.js"></script>

    <script type="text/javascript" src="/static/maps/js/config.js"></script>
    <script type="text/javascript" src="/static/maps/js/maps.js"></script>
</head>
<body onContextMenu="return false">

<div id="load_bg"></div>
<div class="load_box">
    <div class="load">
        <div class="loading">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
            <i></i>
        </div><!-- ./loading end-->
    </div>
</div>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">三维管网地理信息系统</div>
        <div class="logoImage"></div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <!-- 头 像 -->
                <a href="javascript:;">
                    <img src="/static/maps/images/person.png" id="headImg" class="layui-nav-img"/>
                    <span th:text="${session.sessionUserName}"></span>
                </a>
                <!-- 功 能 菜 单 -->
                <dl class="layui-nav-child" style="z-index: 9999">
                    <dd id="logout"><a class="logout">注销登录</a></dd>
                </dl>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;"><img src="/static/maps/images/search.png" class="layui-nav-img">管线查询</a>
                    <dl class="layui-nav-child">
                        <dd><a id="s-cz"><img src="/static/maps/images/q-cz.png" class="layui-nav-img">材质查询</a></dd>
                        <dd><a id="s-gj"><img src="/static/maps/images/q-gj.png" class="layui-nav-img">管径查询</a></dd>
                        <dd><a id="s-gk"><img src="/static/maps/images/q-gk.png" class="layui-nav-img">管块查询</a></dd>
                        <dd><a id="s-rq"><img src="/static/maps/images/q-rq.png" class="layui-nav-img">埋设日期</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;"><img src="/static/maps/images/statistics.png" class="layui-nav-img">管线统计</a>
                    <dl class="layui-nav-child">
                        <dd><a id="t-types-gj"><img src="/static/maps/images/t-types-gj.png" class="layui-nav-img">分类|管径统计</a>
                        </dd>
                        <dd><a id="t-types-cz"><img src="/static/maps/images/t-types-cz.png" class="layui-nav-img">分类|材质统计</a>
                        </dd>
                        <dd><a id="t-segs-gj"> <img src="/static/maps/images/t-segs-gj.png" class="layui-nav-img">分段|管径统计</a>
                        </dd>
                        <dd><a id="t-segs-ms"> <img src="/static/maps/images/t-seg-ms.png" class="layui-nav-img">分段|埋设统计</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a id="q-Spatial"><img src="/static/maps/images/search-spatial.png"
                                                           class="layui-nav-img">空间查询</a></li>
                <!--<li class="layui-nav-item"><a href=""><img src="/static/maps/images/analysis.png" class="layui-nav-img">分析</a>
                </li>-->
            </ul>
        </div>
    </div>

    <div class="layui-body" style="bottom:0">
        <!-- 内容主体区域 -->
        <div id="cesiumContainer" style=""></div>
    </div>
</div>
<script type="text/javascript" src="/static/maps/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
    function logOut(){
        $.ajax({
            url: location.origin + '/admin/Loginout',
            dataType: 'json',
            type: 'get',
            success: function (result) {
                if (result.code == 200) {
                    location.href = location.origin + "/";
                }
            }
        })
    }
    $("#logout").click(function(){
        logOut();
    })
</script>
<blockquote id="bubble" class="bubble">

</blockquote>
</body>
</html>